import SubTitle from '@/pages/OrderModule/common/components/SubTitle';
import IconFont from '@/components/IconFont';
import Style from './index.module.less';

export function useArchorList() {
  const archorList = [
    {
      key: 'basicInformation',
      title: '基础信息',
      render(value) {
        return (
          <div id={this.key}>
            <SubTitle title={this.title} as="s2" symbol />
          </div>
        );
      },
    },
    {
      key: 'memo',
      title: '备注信息',
      render() {
        return (
          <div id={this.key}>
            <SubTitle title={this.title} as="s2" symbol />
          </div>
        );
      },
    },
    {
      key: 'address',
      title: '收货地址',
      render() {
        return (
          <div id={this.key}>
            <SubTitle title={this.title} as="s2" symbol />
          </div>
        );
      },
    },
    {
      key: 'orderItem',
      title: '订单商品',
      render() {
        return (
          <div id={this.key}>
            <SubTitle title={this.title} as="s2" symbol />
          </div>
        );
      },
    },
    {
      key: 'orderLog',
      title: '订单日志',
      render() {
        return (
          <div id={this.key}>
            <SubTitle title={this.title} as="s2" symbol />
          </div>
        );
      },
    },
    {
      key: 'gototop',
      title: (
        <>
          <IconFont type="iconcollapse" className={Style.gototop_icon} />
          回顶部
        </>
      ),
      render() {
        return (
          <div id={this.key}>
            <SubTitle title={this.title} as="s2" symbol />
          </div>
        );
      },
    },
  ];
  return archorList;
}
